<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
	<head>
		<meta charset="utf-8" />
		<title>医创频道</title>
		<link rel="stylesheet" href="static/weixin/css/index.css" />
		<script type="text/javascript" src="static/weixin/js/jquery-1.7.1.min.js" ></script>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name = "format-detection" content = "telephone=no">
		

		
  <script type="text/javascript">

	  var k_url = window.location.href;
	  if(k_url.indexOf("app.fongsoft") > 0 || k_url.indexOf("dpxhuwai") > 0){
		  //code from http://caibaojian.com/browser-ios-or-android.html
			if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
				//alert(navigator.userAgent);  
				window.location.href="http://app.fongsoft.com/app/mobileIndex";
				//alert(11);
			} else if (/(Android)/i.test(navigator.userAgent)) {
				//alert(navigator.userAgent); 
				window.location.href="http://app.fongsoft.com/app/mobileIndex";
				//alert(22);
			} else {
				window.location.href="http://app.fongsoft.com/app/appIndex";
			};
		  
	  }else{
		  //window.location.href="http://www.fongsoft.com/static/weixin/index.htm";
	  }

  </script>

		<script>
	
		// 监听滚动事件
		$(window).scroll(function(){
	         // 获得div的高度
	        var that = $(this).scrollTop();
	        console.log(that)
	         if(that>=0 && that<433){
	            // 滚动到指定位置
	 				$(".header-nav ul li").eq(0).addClass("nav-click").siblings().removeClass("nav-click");
	        }else if(that>=433 && that<1320){
	 				$(".header-nav ul li").eq(1).addClass("nav-click").siblings().removeClass("nav-click");
	        }else if(that>=1374 && that<1700){
	 				$(".header-nav ul li").eq(2).addClass("nav-click").siblings().removeClass("nav-click");
	        }else if(that>=1700 && that<1791){
	 				$(".header-nav ul li").eq(3).addClass("nav-click").siblings().removeClass("nav-click");
	        }
	         
	    });
		$(function(){
//			alert($(window).width())
			$(".header-nav ul li").bind("click",function(){
				var i = $(this).index();
//				console.log(i)
				$("html,body").animate({scrollTop: $("#step_"+i).offset().top}, 300);
			})
			$("#but-more").click(function(){
				$("html,body").animate({scrollTop: $("#step_1").offset().top}, 300);
			})
			$("#but-contact").click(function(){
				$("html,body").animate({scrollTop: $("#step_3").offset().top}, 300);
			})
			$("#but-miniapp").click(function(){
				window.location.href='http://app.fongsoft.com';
			})
//			$("#porject_1").click(function(){
//				window.location.href = www.baidu.com
//			})
		})
		</script>
	</head>
	<body>
		<header class="header-box">
			<div class="header">
				<img src="static/weixin/img/logo.png"/>
				<nav class="header-nav">
					<ul>
						<li class="nav-click">首页</li>
						<li>解决方案</li>
						<li>业务范围</li>
						<li>联系我们</li>
					</ul>
				</nav>
			</div>
		</header>
		<div class="banner-box" id="step_0">
			<img src="static/weixin/img/banner.png" width="100%"/>
				<div class="banner-text">
					<div class="banner-text-box">
					<h1 class="fontweightbold">医创频道</h1>
					<p class="fontsize-18 fontweightbold margintop-15">Guangzhou Fang Heng Information Technology Co., Ltd.</p>
					<p class="fontsize-14 margintop-30">广州医创频道技术有限公司熟悉多种大型网站平台、APP项目、CRM平台等，精通各种功能复杂型网站。曾服务多个国内大型企业项目，能让客户感觉到不一样的项目服务，体验不一样的合作模式。</p>
					<button class="white-border fontsize-14 fontweightbold margintop-30" id="but-more">了解更多</button>
					<button class="red-border fontsize-14 fontweightbold margintop-30" id="but-contact">联系我们</button>
					<button class="red-border fontsize-14 fontweightbold margintop-30" id="but-miniapp">小程序助手</button>
					<div id="step_1"></div>
				</div>
			</div>
		</div>
		
		<div class="content-box porject-banner" style="padding:30px 0 20px 0">
			<ul>
				<li style="text-align: center;"><a href="http://app.fongsoft.com"><img src="static/weixin/img/porject-1.jpg" width="100%" /></a></li>
				<li style="text-align: center;" id="wllgoo_pc"><a href="http://www.wllgoo.com/shop"><img src="static/weixin/img/porject-2.jpg" width="100%" /></a></li>
				<li style="text-align: center;" id="wllgoo_mobile"><a href="http://www.wllgoo.com"><img src="static/weixin/img/porject-2.jpg" width="100%" /></a></li>
			</ul>
		</div>
		
		<div class="content-box" >
			<div class="content-head">
				<h2>解决方案</h2>
				<div class="head-line margintop-15"><div class="line-span"></div><div class="head-point"></div><div class="line-span"></div></div>
				<p class="fontsize-12 colorgary margintop-30">集团客户业务。公司面向政府机关、公安、交通、金融、教育、水利、房地产、酒店、广电等各行业的客户，将计算机网络技术、通信技术与信息技术有机地结合在一起，提供全面的系统集成整体解决方案。</p>
			</div>
			<div class="content-table-box margintop-80">
				<ul>
					<li>
						<div class="porject-icon inter-icon"></div>
						<p>企业官网开发</p>
					</li>
					<li>
						<div class="porject-icon mall-icon"></div>
						<p>商城开发</p>
					</li>
					<li>
						<div class="porject-icon wxapp-icon"></div>
						<p>微信&amp;小程序开发</p>
					</li>
					<li>
						<div class="porject-icon html-icon"></div>
						<p>H5&amp;移动开发</p>
					</li>
				</ul>
			</div>
		</div>
		<div class="content-box content-bg" id="step_2">
			<div class="content-head">
				<h2 class="colorwhite-2">业务范围</h2>
				<div class="head-line margintop-15 opacity8"><div class="line-span colorgary-2"></div><div class="head-point"></div><div class="line-span colorgary-2"></div></div>
			</div>
			<div class="content-table-box margintop-50 table-frame">
				<ul>
					<li>
						<span class="title-span"></span>
						<p class="fontsize-12 colorwhite-2">网站设计建设、品牌创意户动，深入剖析企业需求，<br />
							致力于树立良好的企业品牌形象，完善企业对内外的传播需求。<br />
							积极协助企业找到发展战略核心，<br />
							从战略的角度树立企业的品牌形象。</p>
					</li>
					<li>
						<span class="title-span"></span>
						<p class="fontsize-12 colorwhite-2">电子商务（B2C、C2C、O2O）将传统的商务流程电子化、数字化，<br />
							一方面以电子流代替了实物流，可以大量减少人力、物力，降低了成本；<br />
							另一方面突破了时间和空间的限制，<br />
							使得交易活动可以在任何时间、任何地点进行，从而大大提高了效率。</p>			
					</li>
				</ul>
				<ul>
					<li>
						<span class="title-span"></span>
						<p class="fontsize-12 colorwhite-2">展示微网站【多种模板自由选择，一键建站轻松管理】<br />
							图文推送【精准推送，图文并茂，免费发布，降低成本】<br />
							微相册【随手拍收录微相册中，共享每一份精彩】<br />
							LBS定位【精准定位，有效统计粉丝来源】<br />
							微名片【快速生成时尚微名片，免费免注册】</p>
					</li>
					<li>
						<span class="title-span"></span>
						<p class="fontsize-12 colorwhite-2">移动互联网营销利器<br />
							二维扫码查看网站，牢牢把握移动流量<br />
							全站SEO优化，便于移动搜索引擎收录<br />
							留言、地图、电话，让客户“一键”找到你<br />
							整合信息通知平台，邮件、短信第一时间通知到位，不遗漏任何商机</p>
					</li>
				</ul>
			</div>
		</div>
		<div class="content-box"  id="step_3">
			<div class="content-head">
				<h2>联系我们</h2>
				<div class="head-line margintop-15"><div class="line-span"></div><div class="head-point"></div><div class="line-span"></div></div>
			</div>
			<div  class="content-table-box margintop-50 table-map">
				<div class="map-box"><img src="static/weixin/img/map.png" width="100%"/></div>
				<ul>
					<li class="address-icon">广东省广州市天河区体育东路28号</li>
					<li class="phone-icon">020-22815243</li>
					<li class="email-icon">app@fongsoft.com</li>
				</ul>
			</div>
		</div>
		<footer>
			<div class="footer">
				<img src="static/weixin/img/logo.png"/><p>© copyright 2017 广州医创频道技术有限公司<a href="http://www.miitbeian.gov.cn/" id="a1">粤ICP备17010933号</a><br><a id="a2" href="http://www.miitbeian.gov.cn/">粤ICP备17010933号</a></p>
				<br><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1261171227'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1261171227%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
			</div>
			
		</footer>
	</body>
</html>
